<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" id="viewport" content="width=device-width, initial-scale=1">
	<title>read</title>
	<style type="text/css">
		*{
			margin: 0;
			padding: 0;
			border: 0;
		}
		html{
			height: 100%;
		}
		#box{
			height: 100%;
			padding-left: 3%;
			padding-top: 50px;
			background-image: url(bg.jpg);
			background-repeat: repeat-y;
		}
		textarea{
			height: 100%;
			width: 95%;
			outline: none;
			background: none;
			font-family: "微软雅黑";
			font-size: 1em;
			line-height: 1.5em;
			letter-spacing:0.1em;
			overflow-y: scroll;
			resize: none;
		}
	</style>
	<link rel="stylesheet" href="http://g.alicdn.com/msui/sm/0.6.2/css/sm.css">
	<script type='text/javascript' src='http://g.alicdn.com/sj/lib/zepto/zepto.js' charset='utf-8'></script>
	<script type='text/javascript' src='http://g.alicdn.com/msui/sm/0.6.2/js/sm.js' charset='utf-8'></script>
</head>
<body>
	<div class="page-group">
		<!-- 单个page ,第一个.page默认被展示-->
		<div class="page">
			<header class="bar bar-nav" style="background: rgb(57,117,157)">
				<h1 class="title">影  视</h1>
			</header>
			<div id="box">
				<textarea name="" readonly="readonly" scroll=""></textarea>
			</div>
		</div>
	</div>
	<script src="http://cdn.bootcss.com/jquery/1.11.3/jquery.min.js"></script>
	<script type="text/javascript">
		$(document).ready(function () {
			var url = "http://ac-eyujxanb.clouddn.com/b6c633aff8750c87.txt";
			$.get(url,function (data,atatus) {
				$("textarea").text(data);
				$("lable").text("title");
			})
		})
	</script>
</body>
</html>